﻿@{
    Layout = "~/Views/Shared/_Main.cshtml";
}
<!--#主菜单-->
<ul class="breadcrumb">
    <li><a href="#">首页</a> <span class="divider">/</span></li>
    <li class="active">XX模块</li>
</ul>
<!--//////////////////////////////////////////////////////////////////////////////////-->
<div class="row">
<div class="span3">
    <!--商家推荐-->
    <div class="title-line title-line-red"><h4>畅销商品</h4></div>
    <!--list-->
    <ul class="media-list">
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t3.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t3.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t3.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t3.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t3.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t3.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
    </ul>
    <!--#list-->
    <!--#商家推荐-->
    <div>
    </div>
    <!--//////////////////////////////////////////////////////////////////////////////////-->
    <div class="title-line title-line-red"><h4>搜索标签</h4></div>
    <ul class="nav nav-pills">
        <li><a href="#">名称</a></li>
        <li><a href="#">名称名称名称</a></li>
        <li><a href="#">名称</a></li>
        <li><a href="#">名称名称名称</a></li>
        <li><a href="#">名称名称</a></li>
        <li><a href="#">名称名称名称</a></li>
        <li><a href="#">名称名</a></li>
        <li><a href="#">名称名称名称</a></li>
    </ul>
    <div class="ad-banner-left">
        <!--AD-->
        <!--AD:220x60-->
    @{GoodMan.Tool.Configration.SiteResource.BlockItem adv = GoodMan.Tool.Configration.SiteResource.Block.FirstOrDefault(c => c.Key == "4").Items.FirstOrDefault();}
        @if (adv != null)
        { 
            <a href="@adv.href">
            <img src="@adv.img" alt="@adv.alt" /></a> 
        }
        <!--#AD-->
    </div>
    <!--浏览记录-->
    <div class="title-line title-line-red"><h4>我看过的商品</h4></div>
    <!--list-->
    <ul class="media-list">
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t2.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t2.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t2.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t2.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t2.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
        <li class="media">
            <a class="pull-left" href="#">
                <!--icon:64x64-->
                <img class="media-object" src="/content/img/t2.jpg">
            </a>

            <div class="media-body">
                <h5 class="media-heading"><a href="#">名称</a></h5>
                <a href="#">商品简单信息或描述</a>
            </div>
        </li>
    </ul>
    <!--#list-->
    <!--#浏览记录-->

</div>
<div class="span9">
<!--商品快速过虑-->
<div class="filter-box">
    <div class="pull-right">
        <div class="btn-group">
            <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="icon-filter icon-white"></i>&nbsp;
                排序
                <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#"><i class="icon-shopping-cart"></i>&nbsp;销量</a></li>
                <li><a href="#"><i class="icon-arrow-up"></i>&nbsp;价格升序</a></li>
                <li><a href="#"><i class="icon-arrow-down"></i>&nbsp;价格降序</a></li>
                <li><a href="#"><i class="icon-eye-open"></i>&nbsp;浏览量</a></li>
                <li><a href="#"><i class="icon-time"></i>&nbsp;上架时间</a></li>
            </ul>
        </div>
    </div>

    <ul class="nav nav-pills">
        <li class="dropdown">
            <a class="dropdown-toggle"
               data-toggle="dropdown"
               href="#">
                过虑分类1
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#">条件1</a></li>
                <li><a href="#">条件2</a></li>
                <li><a href="#">条件3</a></li>
            </ul>
        </li>
        <!--/////////////-->
        <li class="dropdown">
            <a class="dropdown-toggle"
               data-toggle="dropdown"
               href="#">
                过虑分类2
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#">条件1</a></li>
                <li><a href="#">条件2</a></li>
                <li><a href="#">条件3</a></li>
            </ul>
        </li>
        <!--/////////////-->
        <li class="dropdown">
            <a class="dropdown-toggle"
               data-toggle="dropdown"
               href="#">
                过虑分类3
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#">条件1</a></li>
                <li><a href="#">条件2</a></li>
                <li><a href="#">条件3</a></li>
            </ul>
        </li>
        <!--/////////////-->
        <li class="dropdown">
            <a class="dropdown-toggle"
               data-toggle="dropdown"
               href="#">
                过虑分类4
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#">条件1</a></li>
                <li><a href="#">条件2</a></li>
                <li><a href="#">条件3</a></li>
            </ul>
        </li>
    </ul>
</div>
<!--#商品快速过虑-->
<!--//////////////////////////////////////////////////////////////////////////////////-->
<div class="row-fluid product-x2">
    <!--商品列表-->
    <div class="product">
        <a href="/home/product"><img src="/content/img/t1.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t2.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t3.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t4.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t1.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t2.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t3.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t4.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t1.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t2.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t3.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t4.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t1.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t2.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t3.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t4.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t1.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t2.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div><div class="product">
    <a href="/home/product"><img src="/content/img/t3.jpg" alt="xxx" title="xxx"/></a>

    <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
        价格： <span class="yen">&yen;</span><span class="price">112.00</span>
    </div>
</div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t4.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t1.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t2.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t3.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t4.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t1.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t2.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t3.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <div class="product">
        <a href="/home/product"><img src="/content/img/t4.jpg" alt="xxx" title="xxx"/></a>

        <div class="p-name"><a href="/home/product" title="产品名称产品名称">产品名称产品名称</a><br/>
            价格： <span class="yen">&yen;</span><span class="price">112.00</span>
        </div>
    </div>
    <!--#商品列表-->

</div>
<!--分页-->
<div class="pagination text-right">
    <hr/>
    <div class="text-left span3">共有<strong>600</strong>条记录</div>
    <ul>
        <li><a href="#">«</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">»</a></li>
    </ul>
</div>
<!--#分页-->
</div>
</div>